{% extends 'admin/layout.njk' %}

{% block css %}
  <link href="//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css">
  <link href="//fonts.googleapis.com/css?family=Noto+Serif:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css">
  <link href="/_admin/css/preview_blog.css" rel="stylesheet">
  <link href="/user/css/markdown.css" rel="stylesheet">
  <link href="/user/css/prism.css" rel="stylesheet">
{% endblock %}

{% block main %}
  <div id="preview-blog">
    <div class="container">
      <h1>{{data.title}}</h1>
      <article class="markdown-body">{{data.htmlContent | safe}}</article>
      <div class="post-meta">
        <hr class="hr">
        <a href="/admin/category/{{data.category}}">{{data.category}}</a>
        <br>
        <span>{{data.releaseDate}}
          <span></div>
          <a href="{{data.modifyUrl}}" title="modify">Modify
            <i class="fa fa-edit"></i>
          </a>
          <a href="{{data.deleteUrl}}" title="delete">Delete
            <i class="fa fa-trash-o"></i>
          </a>
        </div>
      </div>
    {% endblock %}

    {% block js %}
      <script src="/user/js/prism.js"></script>
    {% endblock %}